<template>
  <div class="bg-video-box">
    <video
      src="../../assets/bzh.mp4"
      muted
      x5-playsinline
      playsinline
      webkit-playsinline
      autoplay
      loop
      class="bg-video"
    >
      <source src="../../assets/bzh.mp4" type="video/mp4" />
    </video>
  </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.bg-video-box {
  width:100vw;
  height: 100%;
  position: fixed;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  .bg-video {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 1200px) {
  .bg-video {
    width: auto !important;
    height: 100vh !important;
  }
}

</style>
